/*
 * @Descripttion: 
 * @Author: zhangchong zc16607@gmail.com
 * @Date: 2023-03-13 10:50:39
 * @LastEditors: zhangchong zc16607@gmail.com
 * @LastEditTime: 2023-04-11 18:01:04
 */
import React from 'react';
import Nav from './src/page/navigate'
import { NativeBaseProvider, extendTheme } from 'native-base'

const customTheme = extendTheme({
  components: {
    // 自定义组件深色、浅色模式下的样式
    // Input: {
    //   baseStyle: (props) => {
    //     return {
    //       _light: { color: 'black' },
    //       _dark: { color: 'white' }
    //     }
    //   }
    // }
  },
  colors: {
    vigour: {
      50: '#fef8f8',
      100: '#fde2e2',
      200: '#fcd3d3',
      300: '#fbc4c4',
      400: '#fab5b5',
      500: '#f9a7a7',
      600: '#f89898',
      700: '#f78989',
      800: '#f67a7a',
      900: '#f56c6c',
    },
  },
  config: {
    // initialColorMode: 'dark',
    useSystemColorMode: true,  // 根据系统自动响应深色/浅色模式
  }
})

const App = () => {
  return (
    <NativeBaseProvider theme={customTheme}>
      <Nav></Nav>
    </NativeBaseProvider>
  )
}


export default App;
